.coupon_list{
  @padding: 10px;
  .bg(@bg: #000) {
    background-color: @bg;
  }
  .coupon_tag{
    width: 45px;
    height: 20px;
    .format;
    .bg;
    border-radius: 10px;
    margin-right: 4px;
  }
  .list{
    padding: 10px 15px;
    li{
      margin: @spaceV 0;
      position: relative;
    }
  }
  .liIn{
    height: 110px;
    &:extend(.flex);
  }
  .coupon_l{
    width: 33.5%;
    min-width: 100px;
    max-width: 120px;
    &:extend(.flex);
  }
  .coupon_l_l{
    @size: 3px;
    width: @size;
    background: url('../../../static/img/coupon/bg_black.png');
    .bgSize(@size);
  }
  .coupon_l_r{
    .format(@font: 15px);
    .bg;
    &:extend(.flex1, .flex, .flex_jus, .flex_col);
    padding: 0 10px;
    p{
      line-height: 23px;
    }
    .num{
      padding-top: 5px;
    }
  }
  .coupon_r{
    &:extend(.flex1);
    background: #fff;
    padding: @padding;
    h2{
      height: 22px;
      &:extend(.flex, .flex_center);
      .tag{
        .bg(#000);
        color: #fff;
        border-radius: 22px;
        height: 22px;
        line-height: 22px;
        width: 54px;
        padding: 0 5px;
        margin-right: 5px;
      }
    }
    p{
      .format(@color: #b5b5b5);
      padding: 10px 0 8px;
    }
  }
  .coupon_r div,.useBtn{
    position: absolute;
    right: @padding;
    bottom: @padding;
  }
  .useBtn{
    bottom: 0;
    height: @hei;
    line-height: @hei+8;
    padding-right: 14px;
    background: url('../../../static/img/coupon/forward_blue.png') right 18.5px no-repeat;
    .bgSize(9px);
    .format(@color: #1882fd);
  }
  .list_grey{
    @grey: #c6c6c6;
    .coupon_l_l{
      background-image: url('../../../static/img/coupon/bg_grey.png');
    }
    .coupon_l_r,.coupon_tag{
      .bg(@grey);
    }
    .coupon_r{
      h2 span,p{
        color: @grey;
      }
      .status_tag{
        @size: 60px;
        width: @size;
        height: @size;
        background: url('../../../static/img/coupon/used.png') no-repeat;
        .bgSize(@size);
        &.overdue{
          background-image: url('../../../static/img/coupon/overdue.png');
        }
      }
    }
  }
}
